<template>
    <div id="home">
        <MeowHeader :header-obj="headerObj"/>
        <div class="pages">
            <mu-list>
                <mu-list-item v-for="item in list" :key="item.title"
                        :button="true" :ripple="true" :to="item.path" class="animate__animated animate__bounceInLeft">
                    <mu-list-item-action>
                        <span class="iconfont" :class="item.iconClass"/>
                    </mu-list-item-action>
                    <mu-list-item-title>{{item.title}}</mu-list-item-title>
                </mu-list-item>
            </mu-list>
        </div>
    </div>
</template>

<script>
    import MeowHeader from "@/components/MeowHeader";
    export default {
        name: "Home",
        components: {MeowHeader},
        data(){
            return{
                headerObj: {
                    title:"Home",
                },
                list:[
                    {
                        path:'/game',
                        title:'小游戏合集',
                        iconClass:'icon-game'
                    },
                    // {
                    //     path:'/resume',
                    //     title:'李成鑫-个人简历',
                    //     iconClass:'icon-resume'
                    // }
                ],
            }
        }
    }
</script>

<style scoped lang="less">

</style>
